/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; }
.alignright { float:right; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0; } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
                                                                                                             
/* custom */
body { background:#af9270; font-family:"Lucida Grande","Lucida Sans",Verdana,sans-serif; }
h1, h2, h3 { font-family:georgia,arial,serif; }
a:focus { outline:none; }
.clear { clear: both; }

/* default html5 styles */
section, header, footer, nav, search, signin, time, article { display:block; }

/****************
Layout
****************/
#container  
{
	background:transparent url(/content/images/header_rep.png) repeat-x; 
}
#container header,
#container section#content { width:994px; margin:0 auto; font-size:0.9em; }
#container article header { width:auto; margin:0; }
#container header { padding:0; clear:both; height:171px; }
#container section#content header { height:auto; }

#container section#content 
{
    background:transparent url(/content/images/largebg.jpg) no-repeat center 0 fixed;
    min-height:360px; 
    height:auto !important; 
    height:360px;
    color:#6e5c44;
	padding: 30px 0 0 0; 
	width:980px;
}

a:link,
#container section#content a:visited { font-weight:normal; text-decoration:underline; color: #6e5c44 }
#container section#content a:hover,
#container section#content a:active,
#container section#content a:focus { }
#container section#content h1 { font-size:1.9em; padding:2px 0 16px 0; }
#container section#content h2 { font-size:1.3em; padding:2px 0 10px 0; }
#container section#content p { margin:10px 0; }

/****************
Logo
****************/
#container header hgroup { display:block; height:90px; padding:30px 0 7px; }
#container header hgroup h1 a:link,
#container header hgroup h1 a:visited {
    text-indent:-90009px; overflow:hidden; display:block; width:465px; height:81px; display:block;
    background:transparent url(/content/images/logo_w_Sienna.png) no-repeat top center;
}

#container header hgroup h2 {
    text-indent:-90009px; position:absolute; margin:-90px 0 0 553px;
    display:block; width:462px; height:175px;
    background:transparent url(/content/images/mon.png) no-repeat top center;
}

/****************
Navigation
****************/
#container header nav #container
#container header nav ul { margin:0; padding:0;}
#container header nav ul li { display:inline; float:left;}
#container header nav ul li a:link,
#container header nav ul li a:visited {
    display:block; background:transparent url(/content/images/menu.png) no-repeat 0 0; height:37px;
    text-indent:-90009px; margin:0 0px 0 0;
}

/****************
 Search and Sign in 
****************/
search{background-color:#fff; height:auto;}
#search{color:#ffffff;}
#searchSection {display:inline; float:right; padding-left:10px;}
#searchSection #signin{color:#ffffff;}
#searchbox {background-color:#fff; border: solid 1px white;}
#searchicon{display:block;width:13px;height:13px;cursor:pointer;background:url(/content/images/icons_peach.png) no-repeat 0 0; margin: 5px 0  0 5px;}
#searchicon:hover{background:url(/content/images/icons_peach.png) no-repeat -13px 0}
#searchTextbox{font-size:13px;color:#000;background-color:white;border:solid 1px #ccc;width:10em;margin:0}

#siginSection {display:inline; float:right;}
#siginSection #signin{color:#ffffff;}
#signinbox {height:200px; width:300px;}
#signinbox {color:#ffffff; font-size: 0.9em;}
#signinbox div{color:#ffffff; padding:5px;}
#signinbox .error{color:#CC0000; font-size: 0.7em;}
#signinbox table{padding:5px}
#signinbox .button{ background-color:#fff; width:50px;}

/* About */

#container header nav ul li.about a:link,
#container header nav ul li.about a:visited { background-position: 0 0; width:122px; }
#container header nav ul li.about a:hover,
#container header nav ul li.about a:active { background-position: 0 -38px; }
#container header nav ul li.about a:focus,
#container header nav ul.current-about li.about a:link,
#container header nav ul.current-about li.about a:visited { background-position: 0 -38px; }

/* Photos & videos */

#container header nav ul li.photos a:link,
#container header nav ul li.photos a:visited { background-position: -123px 0; width:225px; }
#container header nav ul li.photos a:hover,
#container header nav ul li.photos a:active,
#container header nav ul li.photos a:focus,
#container header nav ul.current-photos li.photos a:link,
#container header nav ul.current-photos li.photos a:visited { background-position: -123px -38px; }

/* blog */ 
#container header nav ul li.blog a:link,
#container header nav ul li.blog a:visited { background-position: -348px 0; width:66px; }
#container header nav ul li.blog a:hover,
#container header nav ul li.blog a:active,
#container header nav ul li.blog a:focus,
#container header nav ul.current-blog li.blog a:link,
#container header nav ul.current-blog li.blog a:visited { background-position: -348px -38px; }

/* calendar */
#container header nav ul li.calendar a:link,
#container header nav ul li.calendar a:visited { background-position: -415px 0; width:121px; }
#container header nav ul li.calendar a:hover,
#container header nav ul li.calendar a:active,
#container header nav ul li.calendar a:focus,
#container header nav ul.current-calendar li.calendar a:link,
#container header nav ul.current-calendar li.calendar a:visited { background-position: -415px -38px; }

/* contact us */
#container header nav ul li.contact a:link,
#container header nav ul li.contact a:visited { background-position: -537px 0; width:135px; }
#container header nav ul li.contact a:hover,
#container header nav ul li.contact a:active,
#container header nav ul li.contact a:focus,
#container header nav ul.current-contact li.contact a:link,
#container header nav ul.current-contact li.contact a:visited { background-position: -537px -38px; }


/****************
Footer
****************/
#container footer {
    text-align:center; background:#6f5940 url(/content/images/footer_rep.jpg) repeat-x;
    padding:0 0 40px 0; color:#af967d; font-size:1em;
    text-shadow: 1px 1px 1px #381e0f;
}
#container footer a:link,
#container footer a:visited { color:#af967d; }
#container footer #charities,
#container footer #subfooter { width:994px; margin:0 auto;}
section#container footer #subfooter { font-size: 0.6em; padding:15px 0 0 0; clear:both; }

/****************
Photos - Level 1
****************/
	#container section#content header {width: 730px; }
	
	#container section#content header .galleryHeader 
	{
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color:#6f5940;
		margin-bottom:20px;
		padding:5px 10px 0 10px;
		color:#ffffff;
		font-weight:normal;
	}
	 
	#container section#content header .galleryHeader h1 
	{
		font-weight:normal;
	}
	
	#container section#content #level1 
	{
		display:block; 
		width: 730px; 
		float:left;
		position:relative;
	}

	#container section#content #level1 .galleryThumb 
	{ 
		padding:10px 10px 10px 10px;
		float:left; 
		background-color:#ffffff;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
	  
	 }
	
	#container section#content #level1 .galleryThumb i
	{
		border: solid 1px #cccccc;
		background-position:center 30%;
		background-repeat:no-repeat;
		display:block;
	}

	#container section#content #level1 .galleryThumbImage i { height:150px;width:190px; }

    #container section#content #level1 .gallery-item { float: left; margin: 10px; }
    
    #container section#content #level1 .gallery-inneritem a:visited { font-weight:normal; text-decoration:underline; color: #6e5c44 }
    
	#container section#content #level1 .gallery-outeritem 
	{
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		margin-bottom:20px;
		padding:10px;
	}


/****************
Photos - Level 2
****************/
	#container section#content #level2 
	{
		display:block; 
		width: 730px; 
		float:left;
		position:relative;
	}

	#container section#content #level2 .galleryThumb 
	{ 
		padding:10px;
		float:left; 
		background-color:#ffffff;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
	  
	 }
	
	#container section#content #level2 .galleryThumb i
	{
		border: solid 1px #cccccc;
		background-position:center 30%;
		background-repeat:no-repeat;
		display:block;
	}

	#container section#content #level2 .galleryThumbImage i { height:150px;width:190px; }
    #container section#content #level2 .gallery-item { margin: 10px; padding-left:10px;}
    #container section#content #level2 .gallery-item th { font-weight:bold;}
    #container section#content #level2 .gallery-item td {  padding-bottom:5px; font-size:0.9em;}
    #container section#content #level2 .gallery-inneritem 
    {
    	float:left;
		width:49%;
		margin:10px 0 10px 5px;
    }
    #container section#content #level2 .gallery-inneritem a:visited { font-weight:normal; text-decoration:underline; color: #6e5c44 }
    
	#container section#content #level2 .gallery-outeritem 
	{
		float:left;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		margin-bottom:20px;
		padding:10px;
		width:100%;
	}
	
/****************
	Level 3	
****************/
	.subgalleryTitle
	{
		text-align:center;
		color:#ffffff;
	}
	
	.subgalleryThumb 
	{ 
		text-align:center;
		padding:10px;
		margin:10px 5px;
		float:left; 
		background-color:#ffffff;
	}
	
	.subgalleryThumb a
	{ 
		text-decoration:none;
		color:#6E5C44;
	}
	 	
	.subgalleryThumb i
	{
		border: solid 1px #cccccc;
		background-position:center 30%;
		background-repeat:no-repeat;
		display:block;
	}

	.subgalleryThumbImage i { height:150px;width:190px; }
	
/****************
Photos - Level 4
****************/
	#container section#content #level4 
	{
		display:block; 
		width: 720px; 
		float:left;
		position:relative;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		margin-bottom:20px;
		padding:10px;
	}

	#container section#content #level4 .galleryThumb 
	{ 
		padding:10px 10px 10px 10px;
		float:left; 
		background-color:#ffffff;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		
	}
	
	#container section#content #level4 .galleryThumb i
	{
		background-position:center 30%;
		background-repeat:no-repeat;
		display:block
	}

	#container section#content #level4 .galleryThumbImage i { height:150px;width:190px; }
    #container section#content #level4 .gallery-item { float: left; margin: 10px; }
    #container section#content #level4 header h1 { margin:0; padding:0;}
    #container section#content #level4 header h2 { display:inline; margin:0; padding:0;}

/****************
Videos - Level 4
****************/
	#container section#content #video 
	{
		display:block; 
		width: 720px; 
		float:left;
		position:relative;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		margin-bottom:20px;
		padding:10px;
	}

	#container section#content #video .videoThumb 
	{ 
		padding:10px 10px 10px 10px;
		float:left; 
		background-color:#ffffff;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		
	}
	
	#container section#content #video .videoThumb i
	{
		background-position:center 30%;
		background-repeat:no-repeat;
		display:block;
		background-size: 292px 218px;
	}

	#container section#content #video .videoThumbImage i { height:150px;width:190px; }
    #container section#content #video .video-item { float: left; margin: 10px; }
    #container section#content #video header h1 { margin:0; padding:0;}
    #container section#content #video header h2 { display:inline; margin:0; padding:0;}
   

   
/****************
Photos - Search Results
****************/
	#searchResults 
	{
		display:block; 

		float:left;
		position:relative;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		margin-bottom:20px;
		padding:10px;
	}

	#searchResults  .galleryThumb 
	{ 
		padding:10px 10px 10px 10px;
		float:left; 
		background-color:#ffffff;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		
	}
	
	#searchResults .galleryThumb i
	{
		background-position:center 30%;
		background-repeat:no-repeat;
		display:block
	}

	#searchResults  .galleryThumbImage i { height:150px;width:190px; }
    #searchResults  .gallery-item { float: left; margin: 10px; }
    #searchResults  header h1 { margin:0; padding:0;}
    #searchResults  header h2 { display:inline; margin:0; padding:0;}    
	
/****************
Home and Index pages
****************/

#container section#content #home {
	background:rgba(255,255,255,0.5);
    display:block; 
    width: 720px; 
    float:left;
    padding:10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:relative;
}
#container section#content #home a.moreLink:link,
#container section#content #home a.moreLink:visited { 
	position: absolute; margin: -38px 0 0 466px; font-size: 0.9em; text-align: center;
	background: #af967d; color: #FFFFFF; display: block; width: 260px; padding: 4px;
	-khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 2px #6F5940;
}
#container section#content #home a.moreLink:hover,
#container section#content #home a.moreLink:active,
#container section#content #home a.moreLink:focus { 
	background: #FFFFFF; color: #af967d; text-shadow: 0 0 0 transparent;
}

#container section#content #rightside 
{
    background:rgba(255,255,255,0.5); 
    display:block; 
	width: 200px; 
	float:right; 
    padding:10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#container section#content #rightside header {width:200px;}
#container section#content #rightside header h1 { font-size: 1.7em;}
#container section#content #rightside article {padding: 0 0 15px 0; font-size: 0.9em; border-bottom: dotted 2px #af9270; margin: 0 0 10px 0; }
#container section#content #rightside article h1 
{ 
	font-size: 1.2em;
	padding: 3px 0 0 0; 
	margin: 0;
}
#container section#content #rightside article h1 a
{ 
	font-weight:bold;
	text-decoration:none;
	padding: 5px 0 0 0; 
	margin: 0;
}
#container section#content #rightside article h1 a:hover
{ 
	text-decoration:underline;
} 

#container section#content #rightside article p {  padding: 0 0 2px 10px; margin: 0; }
#container section#content article p a:link,
#container section#content article p a:visited {}


#container section#content article p a:hover,
#container section#content article p a:active,
#container section#content article p a:focus { 
	background: #FFFFFF; color: #af967d; text-shadow: 0 0 0 transparent;
}

#container section#content article p a.highlight { 
	font-weight:bold;font-style: italic;
}

/*
 * Required 
*/
.container { width:719px; height:298px; overflow:hidden; position:relative; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:719px; display:none; }
.slides .slide_content { 
	right:0; width:200px; display: block; background: rgba(0,0,0,0.5); height: 298px; overflow: hidden; 
	padding: 10px 20px 10px 10px; color: #FFFFFF; text-shadow: 1px 1px 1px #000000;
}
.slides .copyright_info { display: block; font-size: 0.7em; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; margin: 280px 0 0 30px; }
#content #homePhotoCollection .slides .copyright_info a:link,
#content #homePhotoCollection .slides .copyright_info a:visited { color: #FFFFFF; }
#content #homePhotoCollection .slides .copyright_info a:hover,
#content #homePhotoCollection .slides .copyright_info a:active { text-decoration: underline; }
#container #content #homePhotoCollection .slides .slide_content a:link,
#container #content #homePhotoCollection .slides .slide_content a:visited { z-index: 9999; color: #96C266; }
#container #content #homePhotoCollection .slides .slide_content a:hover,
#container #content #homePhotoCollection .slides .slide_content a:active { text-decoration: underline; }
.cursor{cursor:pointer;}
.displayNone{ display:none;}
.error{color:#CC0000}

.padding-bottom-5{padding-bottom:5px}

.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-left-10{margin-left:10px;}
.margin-left-15{margin-left:15px;}

#contactbox{color:#ffffff;}

/****************
About pages
****************/

#container section#content #aboutus {
	background:rgba(255,255,255,0.5);
    display:block; 
    width: 350px; 
    float:left;
    padding:10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:relative;
}
#container section#content #aboutus a.moreLink:link,
#container section#content #aboutus a.moreLink:visited { 
	position: absolute; margin: -38px 0 0 466px; font-size: 0.9em; text-align: center;
	background: #af967d; color: #FFFFFF; display: block; width: 260px; padding: 4px;
	-khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 2px #6F5940;
}
#container section#content #aboutus a.moreLink:hover,
#container section#content #aboutus a.moreLink:active,
#container section#content #aboutus a.moreLink:focus { 
	background: #FFFFFF; color: #af967d; text-shadow: 0 0 0 transparent;
}
